<nz-layout class='main'>
  <nz-header class="header">
    <span class="title">我的一天</span>
    <span class="date">{{now}}</span>
  </nz-header>
  <nz-content>
    <ul class="todos">
      <li *ngFor = "let mytask of myDayTasks">
        <div class="todo">
          <i class="check"></i>
          <span class="todo-text">{{ mytask.todo }}</span>
        </div>
      </li>
    </ul>
    <div class="newTodo">
      <i class="anticon anticon-plus"  #addTask [class.hidden]="focused"></i>
      <i class="focused"  #addTask [class.hidden]="!focused"></i>
      <input type="text" id="addTaskInput"
             maxlength="255" aria-labelledby="addTaskInput" placeholder="添加待办事项"
             value="" (focus)="focus()" (blur)="blur()" [(ngModel)]="newTask">
      <a class="newLink" [class.hidden]="!focused"
              (click)="addTodayTask()" >添<br/>加</a>
    </div>
  </nz-content>
</nz-layout>
